<!DOCTYPE html>
<html>
  <head>
    <title>����������</title>
    <style>
      body{margin-top:20px;}
      .box{font-family:Tahoma,simsun;font-size:12px;border:1px solid #1678BE;display:table;margin:0 auto;}
      .box-head{padding:5px 20px;background-color:#2487C9;color:#fff;font-size:14px;}
      .box-body{padding:10px 20px;}
      .box-body th{font-weight:normal;vertical-align:top;padding-top:5px;}
      .box-body td{padding-top:2px;padding-bottom:8px;}
      .box-body select{font-family:Tahoma,simsun;font-size:12px;padding:2px 5px;cursor:pointer;}
      .box-body label{margin-right:5px;cursor:pointer;}
      .box-body label input{cursor:pointer;}
      .box-body input{vertical-align:middle;font-family:Tahoma,simsun;font-size:12px;}
      .box-body input[type=text]{padding:2px;}
      .box-body input[type=radio]{margin-top:-1px;}
      .box-body input[type=submit]{padding:4px 15px;cursor:pointer;}
    </style>
  </head>
  <body>
    <div class="box">
      <div class="box-head">������Ϣ</div>
      <div class="box-body">
        <form id="form" action="form.php" method="post"></form>
      </div>
    </div>
    <script src="FormBuilder.js"></script>
    <script>
      var elements = [
        {tag: 'input', text: '�ա�������', attr: {type: 'text', name: 'user'}},
        {tag: 'input', text: '�ԡ�����', attr: {type: 'radio', name: 'gender'}, option: {m: '��', w: 'Ů'}},
        {tag: 'input', text: '�������ã�', attr: {type: 'checkbox', name: 'hobby[]'}, option: {swimming: '��Ӿ', reading: '����', running: '�ܲ�'}},
        {tag: 'select', text:'ס����ַ��', attr: {name: 'area'}, option: {'': '--��ѡ��--', bj: '����', sh: '�Ϻ�', sz: '����'}},
        {tag: 'textarea', text: '���ҽ��ܣ�', attr: {name: 'introduce', cols:'50', rows: '5'}},
        {tag: 'input', attr: {type: 'submit', value: '�ύ'}}
      ];
      document.getElementById('form').innerHTML = new FormBuilder(elements).create();
    </script>
    <p>
      <a href="file:///C:/Users/rise/Desktop/%E9%A6%96%E9%A1%B5/default/05.html">返回</a>
    </p>
  </body>
</html>